// pages/category/category.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    categoryTitle: [],
    sidebarActive: 0,
    songsForm: [],//description id name coverImgUrl
  },

  getCategoryTitle() {
    wx.request({
      url: 'http://localhost:3000/playlist/catlist',
      success: res => {
        this.setData({
          categoryTitle: res.data.sub
        })
        wx.request({
          url: `http://localhost:3000/top/playlist?limit=10&cat=${this.data.categoryTitle[0].name}`,
          success: res2 => {
            this.setData({
              songsForm: res2.data.playlists
            })
          }
        })
      }
    })


  },

  changeContent(e) {
    if (e.detail == this.data.sidebarActive) {
      return
    }
    this.setData({
      sidebarActive: e.detail
    })
    let cat = this.data.categoryTitle[this.data.sidebarActive].name
    wx.request({
      url: `http://localhost:3000/top/playlist?limit=10&cat=${cat}`,
      success: res => {
        this.setData({
          songsForm:res.data.playlists
        })
      }
    })
  },

  goToDetail(e) {
    let id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: `../songFormDetail/songFormDetail?id=${id}`,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCategoryTitle()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})